<div class="layui-card-header SearchTable">
    <span id="detail_name_str" class="color_green">图片上传，数据加减，图标选择，颜色选择示例</span>
</div>

<div class="layui-card-body">
<pre class="layui-code" lay-title="图片上传 HTML" lay-height="" lay-skin="" lay-encode="true">
<input id="up1" type="text" lay-skin="myupload" class="layui-hide" url="UploadImages"
            view_style="width:60px;height:60px" view_path="https://meili.ghhykj.com/images/show/202204/1649821952203.png"
            btn_txt="上传2" btn_class="layui-btn-xs btn-change-13"
            size="300" accept="images" exts="jpg|png|gif"
            name="test_img2" value="/show/202204/1649821952203.png"/></pre>
<pre class="layui-code" lay-title="数据加减 HTML" lay-height="" lay-skin="" lay-encode="true">
<input type="text" class="layui-hide" lay-skin="mynumber" autocomplete="off" value="1.00" step="0.01" name="test_number"></pre>
<pre class="layui-code" lay-title="图标选择 HTML" lay-height="" lay-skin="" lay-encode="true">
 <input type="text" lay-skin="myicon" name="test_icon" value="layui-icon-username" class="layui-hide"></pre>
<pre class="layui-code" lay-title="颜色选择 HTML" lay-height="" lay-skin="" lay-encode="true">
<input lay-skin="mycolor" name="test_color2" value="#daa4a4" class="layui-hide"/></pre>
<pre class="layui-code" lay-title="图片上传 JS" lay-height="" lay-skin="" lay-encode="true">
    layui.use(['myNumber', 'myUpload', 'myColor', 'myIcon'], function () {
        layui.myNumber.render({readonly: true, min: 1, max: 5, step: 2});
        layui.myUpload.render({btn_class: "layui-btn-sm btn-change-13", btn_txt: '上传'});
        layui.myColor.render({});
        layui.myIcon.render({});
    });

</pre>

</div>